body{
    background-color: #f2f1ef;
}
.shop_top{
    background: #5498b9;
    height: 3rem;
}
.shop_center{
    background-color: #fbfaf8;
    height: 3.2rem;
    position: relative;
}
.center_top{
    overflow: hidden;
}
.fl{
    float: left;
}
.rt{
    float: right;
}
.wrap {
    width: 7.5rem;
    margin: 0 auto;
    overflow: hidden
}
.commonImg{
    width: .4rem;
}
.commonImgs{
    width: .32rem;
}
.common_img{
    width: .36rem;
}
.shop_img{
    padding: .2rem .3rem;
    overflow: hidden;
}
.center_top div{
    width: 2rem;
    height: 2rem;
    background: #de4681;
    border-radius: 50%;
    line-height: 2rem;
    color: #f9defd;
    text-align: center;
    left: 36%;
    top:-1rem;
    font-size: .3rem;
    position: absolute;
}
.center_top p{
    color: #464743;
    text-align: center;
    margin-top:1.2rem;
    font-size: .35rem;
}
.center_c{
    margin: .2rem 2rem .2rem;
}
.center_c p{
    color: #b8b8b4;
}
.shop_list{
    background: #fbfaf8;
    height: 3rem;
    margin-top: .3rem;
    padding: .35rem;
}
.shop_list li {
    margin-bottom:.2rem;
    position: relative;
}
.shop_list li img{
    position: absolute;
    top:.3rem;
    right:.3rem;
    width:.32rem;
}
.shop_list .title{
    color: #c4c3c1;
    font-size: .24rem;
}
.shop_list .content{
    color: #5b5855;
    margin-top:.1rem;
    font-size: .3rem;
}
footer{
    position: fixed;
    bottom: 0;
    padding-bottom: .3rem;
    width: 100%;
    background: #ffffff;
}
.footerBox{
    width: 90%;
    height: .4rem;
    line-height: .4rem;
    padding: .25rem 0 .25rem .3rem;
    background:#f6f5f8;
    border-radius: .4rem; 
    margin: 0 auto;
    position: relative;
}
.footerBox .fl p{
    color: #989a99;
    font-size: .24rem;
    margin-left:.1rem;
}
/* detail_top */
.detail_top{
    padding: .2rem .3rem;
    overflow: hidden;
}
.detail_top span{
    color: #4b4e4c;
    font-size: .3rem;
    vertical-align: middle;
    margin-left:.3rem;
}
.detail_tag{
    overflow: hidden;
    margin-top:.2rem;
}
.detail_tag p{
    background: #eff1ee;
    border-radius: .3rem;
    width:40%;
    height: .5rem;
    line-height: .5rem;
    color: #494b49;
    font-size: .24rem;
    text-align: center;
}
.detail_tag p.fl{
    margin-left:.5rem;
}
.detail_tag p.rt{
    margin-right:.5rem;
}
.dates{
    color: #959895;
    font-size: .24rem;
    margin-top:.3rem;
    text-align: center;
}
.only{
    overflow: hidden;
    margin-right:.3rem;
    margin-top:.3rem;
}
.only .text{
    background: #41a1dc;
    color: #b4e2fb;
    width: 1rem;
    height: .5rem;
    font-size: .24rem;
    text-align: center;
    line-height: .5rem;
    border-radius: .3rem;
}
.only .date{
    color: #a4a6a4;
    margin-top:.28rem;
    margin-right:.1rem;
}
.kefu {
    overflow: hidden;
    margin-left: .3rem;
    margin-top:.3rem;
    position: relative;
}
.kefu .head{
    width:.75rem;
    height: .75rem;
    background: #de4681;
    border-radius: 50%;
    float: left;
    line-height: .75rem;
    color: #f9defd;
    text-align: center;
    font-size: .14rem;
}
.kefu .txt{
    width: 4.2rem;
    padding: .1rem .2rem;
    background-color: #eef0ee;
    border-radius: .2rem;
    float: left;
    font-size: .24rem;
    margin-left: .1rem;
}
.kefu .data{
    color: #a4a6a4;
    float: left;
    margin-top: .5rem;
    margin-left: .1rem;
}
.fixdBtn{
    position: fixed;
    overflow: hidden;
    bottom: 1.6rem;
    width: 97%;
    margin-right: .3rem;
}
.fixdBtn p {
    border: 1px solid #4ebbd7;
    color: #4ebbd7;
    width: 1rem;
    float: right;
    height: .5rem;
    font-size: .24rem;
    text-align: center;
    line-height: .5rem;
    border-radius: .3rem;
}
.fixdBtn p.txt{
    border: 1px solid #4ebbd7;
    color: #4ebbd7;
    width: 4.2rem;
    float: right;
    height: .5rem;
    font-size: .24rem;
    text-align: center;
    line-height: .53rem;
    border-radius: .3rem;
}
.dataFixed{
    margin-top: 2.4rem;
    margin-left: 1rem;
    color: #a4a6a4;
}
.dataFixeds{
    margin-top: 4.2rem;
    margin-left: 6.4rem;
    color: #a4a6a4;
}
.layout {
    width:75%;
    overflow-y: hidden;
    overflow-x: auto;
    margin-left: .1rem;
    float: left;
    padding-bottom: .2rem;
}
.shoplist{
    width:12.6rem;
    overflow: hidden;
}
.shoplist li {
    background: #eff1ee;
    width:4rem;
    float: left;
    height: 4.5rem;
    border-radius: .2rem;
    margin-right:.2rem;
    position: relative;
}
.shoplist li img {
    width: 100%;
}
.shoplist li .tit{
    color: #5a5a5a;
    font-size: .28rem;
    margin-top:.2rem;
    margin-bottom: .1rem;
    padding-left:.1rem;
}
.shoplist li .common{
    color: #727473;
    padding-left:.2rem;
    padding-right:.2rem;
    font-size: .24rem;
}
.shoplist .liBtn{
    color: #4897b5;
    text-align: center;
    position: absolute;
    bottom: .26rem;
    left: 1.8rem;
}
#detail{
    display: none;
}
.talk{
    width: .4rem;
    height: .4rem;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    background:#dadcd9;
    position: absolute;
    top: .04rem;
    right: .02rem;
    width: .8rem;
    height: .8rem;
    line-height: .75rem;
}
.talk img{
    width:.5rem;
}
.dataEnd{
    margin-top: .98rem;
    margin-left: .1rem;
    color: #a4a6a4;
    float: left;
}

.post-list-row{
    animation: post-list-row .6s;
    -webkit-animation: post-list-row .6s;
}
/*自定义动画*/
@keyframes post-list-row {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes post-list-row {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}